<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="UTF-8">
    <title>角色审核等级</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="icon" th:href="@{/static/console/common/images/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/common/layui/css/layui.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/public.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/jqueryPages/jquery-pages.css}" />
    <link rel="stylesheet" type="text/css" th:href="@{/static/console/css/system/role-examine-level.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/element/index.css}"/>
</head>

<body>
<div id="container">
    <div class="paramter-title">
        <!--<el-select v-model="serarchFrom.role" placeholder="请选择角色" @change="searchRoleChange" clearable filterable>
            <el-option
                    v-for="item in materialList"
                    :key="item.name + '(' + item.norms + ')'"
                    :label="item.name + '(' + item.norms + ')'"
                    :value="item.name + '(' + item.norms + ')'">
            </el-option>
        </el-select>-->
        <div class="layui-inline" style="text-align: center;">
            <a class="layui-btn" @click="loadData"><img src="/static/console/img/b_icon_search.png" />查询</a>
            <a href="javascript:void(0)" class="layui-btn" style="background-color:#f0ad4e" @click="addTask">
                <img src="/static/console/img/b_icon_add.png" />新增
            </a>
        </div>
    </div>
    <template>
        <el-table
                :data="dataList"
                style="width: 100%"
                height="580"
                stripe="true" border="true">
            <el-table-column
                    fixed
                    prop="orgName"
                    label="站点"
                    width="150" align="center">
            </el-table-column>
            <el-table-column
                    fixed
                    prop="roleName"
                    label="角色"
                    width="150" align="center">
            </el-table-column>
            <el-table-column
                    fixed
                    prop="typeLabel"
                    label="功能"
                    width="150" align="center">
            </el-table-column>
            <el-table-column
                    fixed
                    prop="level"
                    label="等级"
                    width="150" align="center">
            </el-table-column>
            <el-table-column
                    fixed
                    prop="examineUrl"
                    label="URL"
                    width="450" align="left">
            </el-table-column>
            <el-table-column label="操作" width="240">
                <template scope="scope">
                    <el-button type="danger" @click="del(scope.row.id)">删除</el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-pagination
                @current-change="handleCurrentChange"
                :page-size="15"
                :page-sizes="[15]"
                layout="total, sizes,prev, pager, next"
                :total="serarchFrom.total">
        </el-pagination>
    </template>

    <!--添加弹窗-->
    <div class="msgModal addUserModal" v-if="showTaskTable">
        <div class="msgBox">
            <div class="msgBox-title">
                <h3 style="text-align: left; padding-left: 80px;">添加审核等级</h3>
                <a class="close" href="javascript:void(0);" >
                    <img src="/static/console/img/close-btn.png" @click="closeTaskTable"/>
                </a>
            </div>
            <div class="msgBox-con">
                <el-form label-width="150px">
                    <el-form-item label="站点">
                        <el-select v-model="addFrom.orgName" placeholder="请选择站点" @change="stationChange" clearable filterable>
                            <el-option
                                    v-for="item in stationList"
                                    :key="item.id"
                                    :label="item.originName"
                                    :value="{ value: item.id, label: item.originName}">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="角色">
                        <el-select v-model="addFrom.roleName" placeholder="请选择角色" @change="roleChange" clearable filterable>
                            <el-option
                                    v-for="item in roleList"
                                    :key="item.id"
                                    :label="item.name"
                                    :value="{ value: item.id, label: item.name}">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="功能">
                        <el-select v-model="addFrom.typeLabel" placeholder="请选择功能" @change="typeChange" clearable filterable>
                            <el-option
                                    v-for="item in funTypeList"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="{ value: item.value, label: item.label}">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="审核等级">
                        <el-select v-model="addFrom.level" placeholder="请选择审核等级" clearable filterable>
                            <el-option
                                    v-for="item in examineLevelList"
                                    :key="item.value"
                                    :label="item.label"
                                    :value="item.value">
                            </el-option>
                        </el-select>
                    </el-form-item>
                    <el-form-item label="URL">
                        <el-input v-model="addFrom.examineUrl" placeholder="跳转连接"></el-input>
                    </el-form-item>
                    <el-form-item style="text-align: center;" label-width="0px">
                        <el-button type="primary" @click="submitForm()">保存</el-button>
                    </el-form-item>
                </el-form>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" th:src="@{/static/console/assets/js/jquery-3.2.1.min.js}"></script>
<script type="text/javascript" th:src="@{/static/console/common/layui/layui.all.js}"></script>
<script type="text/javascript" th:src="@{/static/console/jqueryPages/jquery-pages.js}"charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/base.js}" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/static/js/vue.min.js}"></script>
<script type="text/javascript" th:src="@{/static/js/element/index.js}"></script>
<script type="text/javascript" th:src="@{/static/console/js/pages/system/role-examine-level.js?version=202403120907}"
        charset="utf-8"></script>

</html>